<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <h1>商品详情页</h1>
    <a href="./07_cart.html">去购物车</a>

    <div class="box">
        <!-- <h3></h3>
        <img src="" alt="">
        <span>-</span>
        <input type="text">
        <span>+</span>
        <button>加入购物车</button> -->
    </div>


    <script src="../js/ajax.js"></script>
    <script src="../js/tools.js"></script>
    <script src="../js/cookie.js"></script>
    <script>

        let search = location.search;
        console.log(search);

        let id = search.replace('?yy=', '');    // 这个数据跟商品列表的字段保持一致
        console.log(id);


        ajax({
            type: 'get',
            url: 'http://121.43.116.41/php/detail.php',
            data: { id },
            success: res => {
                console.log(res);
                $('.box').innerHTML = `
                    <h3>${res.data.goods_title}</h3>
                    <img src="${res.data.goods_img}" alt="">
                    <span>-</span>
                    <input type="text" value="1">
                    <span>+</span>
                    <button onclick="addToCart()">加入购物车</button>`
            }
        })


        // 加入购物车的逻辑    
        //    1 本地存储   --- 没有登陆(localStorage)
        //    2 谁买了几件什么商品  --- 已经登陆  谁username   几件num   什么id
        //    用户名   cookie
        //    id
        //    num

        function addToCart() {
            // console.log(111);
            // 判断用户是否登陆   cookie查找
            const username = getCookie('YYDS');
            if (username) {
                ajax({
                    type: 'post',
                    url: 'http://192.168.58.25/php/addToCart.php',
                    data: {
                        username,
                        id,
                        // 默认是1
                        num: 1
                    },
                    success: res => {
                        console.log(res);
                        if (res.status) {
                            alert('恭喜你，加入成功');
                        }
                        else {
                            alert('服务器繁忙，请稍后重试')
                        }
                    }
                })
            }
            else {
                // 可以写本地购物车  。。。。。。

                alert('对不起，你还没有登陆，去登陆');
                location.href = './03_login.html?back=' + location.href;    // 登陆以后要跳转回来 ？？？？？？？？？？？？？？？？
            }


        }




    </script>

</body>

</html>